<template>
    <!-- <Child :init="username"/> -->
    <!-- <Child :init="12"/> -->
    <!-- <Child :init="age"/> -->
    <!-- <Child init/>
    <Child :init="false"/>
    <Child :init="isFlag"/> -->
    <!-- <Child :init="['唱歌','跳舞','滑冰']"/> -->
    <Child :init="{height:'180厘米',weight:'70千克'}"/>
    <Child :height="bodyInfo.height" :weight="bodyInfo.weight"/>
    <Child v-bind="bodyInfo"/>
</template>
<script setup>
import Child from './Child.vue';
import { ref } from 'vue';
import { reactive } from 'vue';
// const username =ref('小圆')
// const age =ref(12)
// const isFlag = ref(true)
// const hobby=ref(['唱歌','跳舞','滑冰'])
const bodyInfo = reactive({
    height:'180厘米',
    weight:'70千克'
})
</script>